<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsf/composite/componentes"
      xmlns:pe="http://primefaces.org/ui/extensions">  
     
 	<body> 
 	    <ui:composition template="../resources/templates/tempListForm.xhtml">  
 	        
			<!--CABECALHO-->
     	 	<ui:define name="topoList">
			    <h:form  id="idFormCabecalho" >                 
				    <table width="100%">
	    		      <tr>
	    		         <td>
	    		         
	    		            <!--COMPONENTE - TITULO -->
				            <c:compTitulo  formTitulo="#{msg['page-usuario-list-titulo']}"  
				                           formUrlImg="#{imageBean.imgUsuario}" />  
	    		         </td>
	    		        
	    		         <!-- NOVO -->
	    		         <td align="right">
	    		             <p:commandButton rendered="#{usuarioBean.permissaoIncluir()}" 
		                                      value="#{msg['btn-value-novo']}" 
		                                      styleClass="ui-priority-primary" 
		                                      action="#{usuarioBean.novo()}" immediate="true" />      
	    		         </td>
	    		      </tr>
	    		    </table>
    		     </h:form>               
    		</ui:define>   
    		
    		<!--CORPO-->
    		<ui:define name="corpoList">
    		    
	       		<!-- GRID DADOS -->
	       		<h:form  id="idFormCorpo" > 
	       		
	       		    <!-- LOAD PAGE -->
		       	    <f:metadata>  
					    <f:event type="preRenderView" listener="#{usuarioBean.loadPage}"></f:event>  
				    </f:metadata>
				    
				    <!--MESSAGES -->
                     <p:growl id="growl" showDetail="true" escape="false" life="#{applicationBean.timeGrowl}"/>
                      
                    <!-- COMPONENTE - CONFIRM DIALOG -->
				    <c:compConfirmDialog/>
				   
				    <div class="div-espaco-1"/>  		
				                         
				    <!-- FILTROS -->                     
	    		    <h:panelGrid columns="9" cellpadding="2" cellspacing="2" style="padding-left: 1px;" > 
	    						             
		                                         
                          <!-- NOME -->  
                          <h:outputText value="#{msg['page-usuario-list-nome']}" styleClass="data-texto-font" /> 
                          <c:compInputText textValue="#{usuarioBean.usuarioFilter.nome}" 
                                           textSize="70"
                                           textMaxLength="70"/>
                                              
                          <!-- PERFIL -->  
                          <h:outputText value="#{msg['page-usuario-list-perfil']}" styleClass="data-texto-font" /> 
                          <c:compSelectOneMenu value="#{usuarioBean.usuarioFilter.perfil}" 
                                               listItems="#{perfilBean.listPerfil.getListDomain()}" 
                                			   listItemLabel="#{item.nome}" 
                                			   listItemValue="#{item}"
                                			   converter="#{perfilConverter}"  
                               				   isSelectOne="false" 
                               				   isFilter="true"> 
                          </c:compSelectOneMenu>
                         
                       
		               
		                 <!-- BUSCAR  -->
					     <p:commandButton value="#{msg['btn-value-buscar']}"  icon="ui-icon-search" 
					                       action="#{usuarioBean.buscarPorFiltro()}" update="dataTable"/>          
		             	
					</h:panelGrid>  
					
					<div class="div-espaco-1"/>                 
			        
	       		  <!--DATA TABLE  -->
				    <p:dataTable id="dataTable" var="usuario" widgetVar="filterDataTable"
				                      value="#{usuarioBean.listUsuario}"
				                      paginatorPosition="bottom" 
					                  paginator="true" 
					                  styleClass="data-table"
					                  tableStyle="width:auto"
                                      rows="#{applicationBean.recordsPerPage}"  
                                      emptyMessage="#{msg['datatable-msg-semregistro']}"
                                      selection="#{usuarioBean.listUsuarioSelecionado}" 
                                      paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                      currentPageReportTemplate=" #{msg['datatable-paginador-paginas']} {currentPage} / {totalPages}">
                                      
                             <p:column selectionMode="multiple" exportable="false" 
					                  rendered="#{usuarioBean.permissaoExcluir() and !usuarioBean.isDomainFixed}"/>   
					                  
                     		 <p:ajax event="rowSelect" listener="#{usuarioBean.onRowSelect}" update="dataTable,btnExcluir"/>
					        <p:ajax event="rowSelectCheckbox" listener="#{usuarioBean.onRowSelect}" update="dataTable,btnExcluir"/>
                     		<p:ajax event="rowUnselect" listener="#{usuarioBean.onRowUnSelect}" update="dataTable,btnExcluir"/>
                     		<p:ajax event="rowUnselectCheckbox" listener="#{usuarioBean.onRowUnSelect}" update="dataTable,btnExcluir"/>         
      					                              
                            <!-- NOME -->  
                            <p:column  styleClass="data-coluna-texto-font" style="text-align: left;  width: 100%;" 
                                       sortBy="#{usuario.nome}" filterStyle="display: none;" >  
                                  <f:facet name="header"><h:outputText value="#{msg['page-usuario-list-nome']}" /></f:facet>    
                                  <h:outputText value="#{usuario.nome}" styleClass="data-texto-font" /> 
                            </p:column>
                          
                            <!-- LOGIN -->  
                            <p:column  styleClass="data-coluna-texto-font" style="text-align: left;  width: 100%;" 
                                       sortBy="#{usuario.login}" filterStyle="display: none;" >  
                                  <f:facet name="header"><h:outputText value="#{msg['page-usuario-list-login']}" /></f:facet>    
                                  <h:outputText value="#{usuario.login}" styleClass="data-texto-font" /> 
                            </p:column>
                          
                            <!-- PERFIL -->  
                            <p:column  styleClass="data-coluna-texto-font" style="text-align: left;  width: 100%;" 
                                       sortBy="#{usuario.perfil.nome}" filterStyle="display: none;" >  
                                  <f:facet name="header"><h:outputText value="#{msg['page-usuario-list-perfil']}" /></f:facet>    
                                 <h:outputText value="#{usuario.perfil.nome}" styleClass="data-texto-font" /> 
                            </p:column>
      					    
      					    <p:column>
					       		 <!--EXCLUIR-->     
					             <f:facet name="header">
					                  <p:commandButton id="btnExcluir" 
					                                   disabled="#{usuarioBean.isButtonDeleteDisabled}"
					                                   title="#{msg['btn-title-excluir']}" 
					                                   icon="ui-icon-trash" style="height: 18px;" ajax="true" 
					                                   actionListener="#{usuarioBean.excluir}"
					                                   update="dataTable">  
					                       <pe:tooltip for="btnExcluir" value="#{msg['btn-title-excluir']}" 
					                                    showEffect="fadeIn" hideEffect="fadeIn"/> 
					                       <p:confirm header="Confirmação" message="#{msg['dlg-msg-body']}"  
					                                   icon="ui-icon-alert" />
				                      </p:commandButton>  
					             </f:facet>
					             
					               <!--EDITAR-->       
					             <p:commandButton id="btnEditar"
					                              action="#{usuarioBean.editar}" icon="ui-icon-edit" 
					                              style="height: 18px;" ajax="true">  
				                          <f:setPropertyActionListener value="#{usuario}" target="#{usuarioBean.usuario}" />
				                          <pe:tooltip for="btnEditar" value="#{msg['btn-title-editar']}" 
					                                       showEffect="fadeIn" hideEffect="fadeIn"/>    
				                 </p:commandButton>  
					          </p:column>
	
				    </p:dataTable>
				    
				</h:form>   
    		</ui:define>   
    	</ui:composition> 
  	</body> 
</html>



